import { useState } from 'react'
import { Spin } from 'antd'

const Regexper: React.FC = () => {

    const [loadFinish, setLoadFinish] = useState(false)


    return (
        <>
        {!loadFinish && <Spin style={{position: "absolute", left: "50%"}} size="large" tip="加载中..."/>}
        <iframe onLoad={() => {
            setLoadFinish(true)
        }} style={{border:0}} width="100%" height="100%" src="https://zachary.ink/regexper/index.html"></iframe>
        </>
        )
}

export default Regexper